<!--
 * @Description: 
 * @Author: zhuhao
 * @Date: 2020-11-16 14:46:04
 * @LastEditors: zhuhao
 * @LastEditTime: 2020-11-19 14:19:48
-->
<template>
  <el-form ref="form"   class="report_form" :rules="rules" :model="form" label-width="auto" size='mini'>
        <el-divider content-position="left"> <span class="table_tit">标准快递</span></el-divider>
        <el-form-item label="件数:" prop="standardMailCount">
            <el-input-number  :precision="0" v-model="form.standardMailCount" class="input_left"  :min="0"></el-input-number>
        </el-form-item>
        <el-form-item label="收入:" prop="standardMailIncome" >
            <el-input-number  :precision="2" v-model="form.standardMailIncome" class="input_left"  :min="0"></el-input-number>
        </el-form-item> 


        <el-form-item label="当月完成件数:"   >  
            <el-input   disabled v-model="form.standardMailCompletedCount" class="input_left show_ipt"></el-input>
        </el-form-item> 
         <el-form-item label="当月完成收入:"   >  
            <el-input   disabled v-model="form.standardMailCompletedIncome" class="input_left show_ipt"></el-input>
        </el-form-item>  



        <el-divider content-position="left"> <span class="table_tit">散件计划</span></el-divider>
        <el-form-item label="散户件数:" prop="fragmentedMailCount">
            <el-input-number  :precision="0"  v-model="form.fragmentedMailCount" class="input_left"  :min="0"></el-input-number>
        </el-form-item>
        <el-form-item label="收入:" prop="fragmentedMailIncome">
            <el-input-number  :precision="2"  v-model="form.fragmentedMailIncome" class="input_left"  :min="0"></el-input-number>
        </el-form-item>  

         
        <el-form-item label="当月完成件数:"  >  
            <el-input   disabled v-model="form.fragmentedMailCompletedCount" class="input_left show_ipt"></el-input>
        </el-form-item> 
         <el-form-item label="当月完成收入:"  >  
            <el-input   disabled v-model="form.fragmentedMailCompletedIncome" class="input_left show_ipt"></el-input>
        </el-form-item>  

        <el-divider content-position="left"> <span class="table_tit">快递包裹</span></el-divider>


        <el-form-item label="件数:" prop="expressCount">
            <el-input-number  :precision="0"  v-model="form.expressCount" class="input_left"  :min="0"></el-input-number>
        </el-form-item>
        <el-form-item label="收入:" prop="expressIncome">
            <el-input-number  :precision="2"  v-model="form.expressIncome" class="input_left"  :min="0"></el-input-number>
        </el-form-item> 
        

          <el-form-item label="当月完成件数:"  >  
            <el-input   disabled v-model="form.expressCompletedCount" class="input_left show_ipt"></el-input>
        </el-form-item> 
         <el-form-item label="当月完成收入:"  >  
            <el-input   disabled v-model="form.expressCompletedIncome" class="input_left show_ipt"></el-input>
        </el-form-item>  


        <el-divider content-position="left"> <span class="table_tit">走访客户数</span></el-divider>
        <el-form-item label="当日走访客户数:" prop="dailyVisit">
            <el-input-number   :precision="0"  v-model="form.dailyVisit" class="input_left"  :min="0"></el-input-number>
        </el-form-item> 

          <el-form-item label="当月走访客户数:"  >  
            <el-input   disabled v-model="form.monthlyVisit" class="input_left show_ipt"></el-input>
        </el-form-item>  


        
        <el-divider content-position="left"> <span class="table_tit">投递数据</span></el-divider>
        <el-form-item label="当日投递总数:" prop="dailyDelivery">
            <el-input-number   :precision="0"  v-model="form.dailyDelivery" class="input_left"  :min="0"></el-input-number>
        </el-form-item> 

          <el-form-item label="当月投递总数:"  >  
            <el-input   disabled v-model="form.monthlyDelivery" class="input_left show_ipt"></el-input>
        </el-form-item>  
    </el-form>
</template>

<script>
export default {
    data() {
        return {
             rules:{
                standardMailCount:[
                     { required: true, message: '请输入', trigger: 'blur' },
                ],
                standardMailIncome:[
                     { required: true, message: '请输入', trigger: 'blur' },
                ],
                fragmentedMailCount:[
                     { required: true, message: '请输入', trigger: 'blur' },
                ],
                fragmentedMailIncome:[
                     { required: true, message: '请输入', trigger: 'blur' },
                ],
                expressCount:[
                     { required: true, message: '请输入', trigger: 'blur' },
                ],
                expressIncome:[
                     { required: true, message: '请输入', trigger: 'blur' },
                ],
                dailyVisit:[
                     { required: true, message: '请输入', trigger: 'blur' },
                ],
                dailyDelivery:[
                     { required: true, message: '请输入', trigger: 'blur' },
                ]
            },
        }
    },
    props:{
        form:{
            type: Object,
            default() {
            return {
                    standardMailCount:0,
                    standardMailIncome:0,
                    fragmentedMailCount:0,
                    fragmentedMailIncome:0,
                    expressCount:0,
                    expressIncome:0,
                    dailyVisit:0,
                    dailyDelivery:0,
                };
            },
        }
    }
}
</script>

<style lang="less" scoped>
    /deep/.show_ipt{
        width: 200px;
    }

</style>